<%@  language="javascript" %>
<!--#include file="Cabecera2.asp" -->

<%
  //var aa = ActividadGetEficaciaFisicaAcumulada(27, 12);
  //Response.Write(aa);
  var qGestion = Session("auth_granted_poa_gestion");
  var unidadOrganizacionalId = Session("auth_granted_poa_unidad");
  var mesReporte = Session("auth_granted_poa_mes");
  var rolUsuario = Session("auth_granted_poa_rol");

  var aperturaId = 0;

  /**
   * Consultas para los filtros
   */
  // consulta Aperturas
  qApertura = "SELECT ap.aper_id, ap.aper_programa, ap.aper_proyecto, ap.aper_actividad, ap.aper_descripcion ";
  qApertura += "FROM AperturaProgramatica ap WHERE ap.aper_estado = 1 AND ap.aper_gestion = " + qGestion + " ";
  qApertura += "AND (ap.aper_proyecto <> '0000' OR ap.aper_actividad <> '000') ";
  if (EsRolRestringido()) 
  {
    qApertura += "AND ap.unidad_id=" + unidadOrganizacionalId;
  }
  var Aperturas = GetDatar(qApertura);

  
  // recuperando de formulario
  if (request.form("submit").count() == 1) {
    mesReporte = request.form("mes");
    aperturaId = request.form("filtro_apertura");
  }
  var mesReporteCadena2 = getNombreMes(mesReporte);
  var perspectivaFinanciera = 1;
  var perspectivaCliente = 2;
  var perspectivaPInternos = 3;
  var perspectivaAprendizaje = 4;
  var acumulado = true;
  var eficaciaFinanciera = PerspectivaBscGetEficacia(perspectivaFinanciera, mesReporte, acumulado, aperturaId);
  //if (eficaciaFinanciera == null)
  //{
  //  Response.Write('hey');
  //}
  var eficaciaCliente = PerspectivaBscGetEficacia(perspectivaCliente, mesReporte, acumulado, aperturaId);
  var eficaciaPInternos = PerspectivaBscGetEficacia(perspectivaPInternos, mesReporte, acumulado, aperturaId);
  var eficaciaAprendizaje = PerspectivaBscGetEficacia(perspectivaAprendizaje, mesReporte, acumulado, aperturaId);
  //Response.Write(eficaciaFinanciera);
  //Response.Write(eficaciaCliente);
  //Response.Write(eficaciaPInternos);
  //Response.Write(eficaciaAprendizaje);

  /**
   * Consultas para los filtros
   */
  // consulta Aperturas
  qApertura = "SELECT ap.aper_id, ap.aper_programa, ap.aper_proyecto, ap.aper_actividad, ap.aper_descripcion ";
  qApertura += "FROM AperturaProgramatica ap WHERE ap.aper_estado = 1 AND ap.aper_gestion = " + qGestion + " ";
  qApertura += "AND (ap.aper_proyecto <> '0000' OR ap.aper_actividad <> '000') ";
  if (EsRolRestringido()) {
    qApertura += "AND ap.unidad_id=" + unidadOrganizacionalId;
  }
  var Aperturas = GetDatar(qApertura);

  // si hay session tomo esa variable
  if (Session("aperturaId")) {
    aperturaId = Session("aperturaId");
  }

%>
<script type="text/javascript" src="Scripts/jasny-bootstrap.min.js"></script>
<script type="text/javascript" src="Scripts/jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="Scripts/jqwidgets/jqxdraw.js"></script>
<script type="text/javascript" src="Scripts/jqwidgets/jqxgauge.js"></script>
<script type="text/javascript" src="Scripts/poa-charts.js"></script>
<script type="text/javascript">
  var eficaciaFinanciera = <%= eficaciaFinanciera %>;
  var eficaciaCliente = <%= eficaciaCliente %>;
  var eficaciaPInternos = <%= eficaciaPInternos %>;
  var eficaciaAprendizaje = <%= eficaciaAprendizaje %>;

  $(document).ready(function () {
    drawPoaGauge('gaugeContainer', eficaciaFinanciera);
    drawPoaGauge('gaugeContainer2', eficaciaCliente);
    drawPoaGauge('gaugeContainer3', eficaciaPInternos);
    drawPoaGauge('gaugeContainer4', eficaciaAprendizaje);
  });
  </script> 
<table width="100%" border="0" cellspacing="1" cellpadding="2" align="center">
  <tbody>
    <tr>
    <td class="TituloSeccion" style="text-transform:uppercase">REPORTE bSC Cuadro de mando integral<br>A <%= mesReporteCadena2 %> - <%= qGestion %></td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td> 
      <table style="width: 100%">
        <tr>
          <td align="center">
        <form name="" id="" method="post" action="">
        <label>Seleccionar mes:</label>&nbsp;&nbsp;&nbsp; 
        <select name="mes">
          <option value="1" <%= (Number(mesReporte) == 1) ? " selected='selected' " : "" %>>Enero</option>
          <option value="2" <%= (Number(mesReporte) == 2) ? " selected='selected' " : "" %>>Febrero</option>
          <option value="3" <%= (Number(mesReporte) == 3) ? " selected='selected' " : "" %>>Marzo</option>
          <option value="4" <%= (Number(mesReporte) == 4) ? " selected='selected' " : "" %>>Abril</option>
          <option value="5" <%= (Number(mesReporte) == 5) ? " selected='selected' " : "" %>>Mayo</option>
          <option value="6" <%= (Number(mesReporte) == 6) ? " selected='selected' " : "" %>>Junio</option>
          <option value="7" <%= (Number(mesReporte) == 7) ? " selected='selected' " : "" %>>Julio</option>
          <option value="8" <%= (Number(mesReporte) == 8) ? " selected='selected' " : "" %>>Agosto</option>
          <option value="9" <%= (Number(mesReporte) == 9) ? " selected='selected' " : "" %>>Septiembre</option>
          <option value="10" <%= (Number(mesReporte) == 10) ? " selected='selected' " : "" %>>Octubre</option>
          <option value="11" <%= (Number(mesReporte) == 11) ? " selected='selected' " : "" %>>Noviembre</option>
          <option value="12" <%= (Number(mesReporte) == 12) ? " selected='selected' " : "" %>>Diciembre</option>
        </select>
        <br />
        <label>Nivel:</label>&nbsp;&nbsp;&nbsp; 
          <select name="filtro_apertura" id="filtro_apertura">
            <% if (!EsRolRestringido()) { %>
            <option value="0"> INSTITUCIONAL </option>
            <% } %>
          
          <% while (!Aperturas.Eof) { %>
          <option value="<%=Aperturas("aper_id") %>" <%= (Number(aperturaId) == Number(Aperturas("aper_id"))) ? " selected='selected' " : "" %> >
            <%= Aperturas("aper_descripcion") %></option>
          <% Aperturas.MoveNext; } Aperturas.MoveFirst; %>
          </select>
           &nbsp;&nbsp;&nbsp;<input type="submit" value="Mostrar" name="submit" />
        </form>
            </td>
        </tr>
      </table>
    </td>
  </tr>
  </tbody>
  </table>
<div class="container-perspectiva" >
  <h3>Financiera</h3>
  <div id="gaugeContainer"></div>
</div>
<div class="container-perspectiva" >
  <h3>Cliente</h3>
  <div id="gaugeContainer2" ></div>
</div>

<div class="container-perspectiva" >
  <h3>Procesos internos</h3>
  <div id="gaugeContainer3" ></div>
</div>

<div class="container-perspectiva" >
  <h3>Aprendizaje</h3>
  <div id="gaugeContainer4" ></div>
</div>
<!--#include file="Pie2.asp" -->